<div class="top">
	<h2>Team Discussions</h2>
	<ul class="viewEdit">
		<li><a href="#">View All</a></li>
		<li class="noBorder"><a href="#" class="pencil blue plus">edit</a></li>
	</ul>
</div>
<ul class="tabDoc title">
	<li class="column2">Creator</li>
	<li class="column3">Title</li>
	<li class="column4">Replys</li>
	<li class="column5">Date of Last Reply</li>
</ul>
<div data-bind="foreach: Discussions">
	<ul class="tabDoc listDoc" >
		<li class="column1">
			<img data-bind="attr: { src: ProfileImg }"/>
			<span class="link" data-bind="text: Creator"></span>
		</li>
		<li class="column2"><span class="link" data-bind="text: Title"></span></li>
		<li class="column3"><span class="link" data-bind="text: Replys"></span></li>
		<li class="column4" data-bind="text: DateofLastReply"></li>
	</ul>



	<div data-bind="visible: Comments" class="open hide">
		<div class="contentDiscussions">
			<ul class="tabDoc comments" data-bind="foreach: Comments">
				<li class="">
					<img data-bind="attr: {src: Profile}" />
					<div class="infoDiscussions">
						<span class="name" data-bind="text: Name"></span>
						<span class="date" data-bind="text: Date"></span>
						<span class="text" data-bind="text: text"></span>
					</div>
				</li>
			</ul>
			<a href="#" class="viewAllComments">View All comments</a>
			<ul class="addComments" data-bind="visible: Comments">
				<li class=""><h2>Add a comment</h2></li>
				<li class=""><textarea rows="4" cols="50"></textarea></li>
				<li class=""><button type="button" class="submit">Submit</button></li>
			</ul>
		</div>
	</div>

</div>
